<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:ui="http://www.sun.com/web/ui">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view>
        <f:loadBundle basename="UtilidadesSetup" var="utilidadesSetup"/>
        <f:loadBundle basename="ConsultasSetup" var="consultasSetup"/>
        <div align="center">
            <ui:themeLinks binding="#{PortletPageEstadoOrdenProceso.themeLinks1}" id="themeLinks1"/>
            <ui:form binding="#{PortletPageEstadoOrdenProceso.estadoOrdenProcesoForm}" id="estadoOrdenProcesoForm">
                <table>
                    <tr>
                        <td align="center">
                            <!-- contenedorGridPanel -->
                            <h:panelGrid binding="#{PortletPageEstadoOrdenProceso.contenedorGridPanel}" columns="1" id="contenedorGridPanel" width="100%">
                                <!-- superiorGridPanel -->
                                <h:panelGrid binding="#{PortletPageEstadoOrdenProceso.superiorGridPanel}" columnClasses="top" columns="2" id="superiorGridPanel" width="100%">
                                    <!-- izquierdaGridPanel -->
                                    <h:panelGrid binding="#{PortletPageEstadoOrdenProceso.izquierdaGridPanel}" id="izquierdaGridPanel" style="">
                                        <!-- opcionesBusquedaGridPanel -->
                                        <h:panelGrid binding="#{PortletPageEstadoOrdenProceso.opcionesBusquedaGridPanel}" columns="2"
                                            headerClass="headerClassDataTable" id="opcionesBusquedaGridPanel" rowClasses="rowClassWhite, rowClassBlue">
                                            <f:facet name="header">
                                                <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText1}" id="outputText1" value="Opciones de Búsqueda"/>
                                            </f:facet>
                                            <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText2}" id="outputText2" style="color: white" value="_"/>
                                            <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText3}" id="outputText3" style="color: white" value="_"/>
                                            <h:panelGroup binding="#{PortletPageEstadoOrdenProceso.numeroOrdenGroupPanel}" id="numeroOrdenGroupPanel"
                                                rendered="#{!SessionBeanEstadoOrdenProceso.renderedConsultaAvanzada}" style="display: block; text-align: right">
                                                <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText4}" id="outputText4" styleClass="outputText" value="ORDEN PROCESO"/>
                                                <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText56}" id="outputText56"
                                                    styleClass="portlet-msg-alert" value=" * "/>
                                            </h:panelGroup>
                                            <!-- numeroOrdenGridPanel -->
                                            <h:panelGrid binding="#{PortletPageEstadoOrdenProceso.numeroOrdenGridPanel}" columns="2" id="numeroOrdenGridPanel" rendered="#{!SessionBeanEstadoOrdenProceso.renderedConsultaAvanzada}">
                                                <h:inputText binding="#{PortletPageEstadoOrdenProceso.numeroOrdenTextField}" id="numeroOrdenTextField" styleClass="textField"/>
                                                <h:commandButton action="#{PortletPageEstadoOrdenProceso.busquedaAvanzadaButton_action}"
                                                    binding="#{PortletPageEstadoOrdenProceso.busquedaAvanzadaButton}" id="busquedaAvanzadaButton"
                                                    rendered="#{!SessionBeanEstadoOrdenProceso.empresaMensajeria}" styleClass="button" value="BÚSQUEDA AVANZADA"/>
                                            </h:panelGrid>
                                            <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText5}" id="outputText5"
                                                rendered="#{!SessionBeanEstadoOrdenProceso.renderedConsultaAvanzada}" style="color: white" value="_"/>
                                            <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText6}" id="outputText6"
                                                rendered="#{!SessionBeanEstadoOrdenProceso.renderedConsultaAvanzada}" style="color: white" value="_"/>
                                            <!-- mesGridPanel -->
                                            <h:panelGrid binding="#{PortletPageEstadoOrdenProceso.mesGridPanel}" columns="2" id="mesGridPanel" rendered="#{SessionBeanEstadoOrdenProceso.renderedConsultaAvanzada &amp;&amp; SessionBeanEstadoOrdenProceso.renderedFilterTypeMonth}">
                                                <h:panelGroup binding="#{PortletPageEstadoOrdenProceso.mesGroupPanel}" id="mesGroupPanel" style="display: block; text-align: right">
                                                    <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText7}" id="outputText7"
                                                        styleClass="outputText" value="MES"/>
                                                    <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText57}" id="outputText57"
                                                        styleClass="portlet-msg-alert" value=" * "/>
                                                </h:panelGroup>
                                                <ui:dropDown binding="#{PortletPageEstadoOrdenProceso.mesDropDown}" id="mesDropDown"
                                                    items="#{PortletPageEstadoOrdenProceso.optionMeses}" styleClass="select"/>
                                            </h:panelGrid>
                                            <!-- anioGridPanel -->
                                            <h:panelGrid binding="#{PortletPageEstadoOrdenProceso.anioGridPanel}" columns="3" id="anioGridPanel"
                                                rendered="#{SessionBeanEstadoOrdenProceso.renderedConsultaAvanzada &amp;&amp; SessionBeanEstadoOrdenProceso.renderedFilterTypeMonth}" width="100%">
                                                <h:panelGroup binding="#{PortletPageEstadoOrdenProceso.anioGroupPanel}" id="anioGroupPanel" style="display: block; text-align: right">
                                                    <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText8}" id="outputText8"
                                                        styleClass="outputText" value="AÑO"/>
                                                    <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText58}" id="outputText58"
                                                        styleClass="portlet-msg-alert" value=" * "/>
                                                </h:panelGroup>
                                                <ui:dropDown binding="#{PortletPageEstadoOrdenProceso.anioDropDown}" id="anioDropDown"
                                                    items="#{PortletPageEstadoOrdenProceso.optionAnios}" styleClass="select"/>
                                                <h:commandLink action="#{PortletPageEstadoOrdenProceso.fechaLinkAction_action}"
                                                    binding="#{PortletPageEstadoOrdenProceso.fechaLinkAction}" id="fechaLinkAction">
                                                    <h:outputText binding="#{PortletPageEstadoOrdenProceso.fechaLinkActionText}" id="fechaLinkActionText"
                                                        styleClass="outputTextCommandLink" value="Fecha ..."/>
                                                </h:commandLink>
                                            </h:panelGrid>
                                            <!-- fechaInicioGridPanel -->
                                            <h:panelGrid binding="#{PortletPageEstadoOrdenProceso.fechaInicioGridPanel}" id="fechaInicioGridPanel" rendered="#{SessionBeanEstadoOrdenProceso.renderedConsultaAvanzada &amp;&amp; !SessionBeanEstadoOrdenProceso.renderedFilterTypeMonth}">
                                                <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText64}" id="outputText64" styleClass="outputText" value="DESDE"/>
                                                <ui:calendar binding="#{PortletPageEstadoOrdenProceso.fechaInicioCalendar}"
                                                    dateFormatPattern="#{consultasSetup.dateFormatPattern}" id="fechaInicioCalendar"
                                                    maxDate="#{SessionBeanEstadoOrdenProceso.maxDate}" minDate="#{SessionBeanEstadoOrdenProceso.minDate}" selectedDate="#{SessionBeanEstadoOrdenProceso.selectedDateFechaInicio}"/>
                                                <h:message binding="#{PortletPageEstadoOrdenProceso.fechaInicioCalendarMessage}" errorClass="errorMessage"
                                                    fatalClass="fatalMessage" for="fechaInicioCalendar" id="fechaInicioCalendarMessage" infoClass="infoMessage"
                                                    showDetail="false" showSummary="true" styleClass="portlet-msg-alert" warnClass="warnMessage"/>
                                            </h:panelGrid>
                                            <!-- fechaFinGridPanel -->
                                            <h:panelGrid binding="#{PortletPageEstadoOrdenProceso.fechaFinGridPanel}" id="fechaFinGridPanel"
                                                rendered="#{SessionBeanEstadoOrdenProceso.renderedConsultaAvanzada &amp;&amp; !SessionBeanEstadoOrdenProceso.renderedFilterTypeMonth}" width="100%">
                                                <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText65}" id="outputText65" styleClass="outputText" value="HASTA"/>
                                                <h:panelGrid binding="#{PortletPageEstadoOrdenProceso.fechaFinMesGridPanel}" columns="2"
                                                    id="fechaFinMesGridPanel" width="100%">
                                                    <ui:calendar binding="#{PortletPageEstadoOrdenProceso.fechaFinCalendar}"
                                                        dateFormatPattern="#{consultasSetup.dateFormatPattern}" id="fechaFinCalendar"
                                                        maxDate="#{SessionBeanEstadoOrdenProceso.maxDate}" minDate="#{SessionBeanEstadoOrdenProceso.minDate}" selectedDate="#{SessionBeanEstadoOrdenProceso.selectedDateFechaFin}"/>
                                                    <h:commandLink action="#{PortletPageEstadoOrdenProceso.mesLinkAction_action}"
                                                        binding="#{PortletPageEstadoOrdenProceso.mesLinkAction}" id="mesLinkAction">
                                                        <h:outputText binding="#{PortletPageEstadoOrdenProceso.mesLinkActionText}" id="mesLinkActionText"
                                                            styleClass="outputTextCommandLink" value="Mes ..."/>
                                                    </h:commandLink>
                                                </h:panelGrid>
                                                <h:message binding="#{PortletPageEstadoOrdenProceso.fechaFinCalendarMessage}" errorClass="errorMessage"
                                                    fatalClass="fatalMessage" for="fechaFinCalendar" id="fechaFinCalendarMessage" infoClass="infoMessage"
                                                    showDetail="false" showSummary="true" styleClass="portlet-msg-alert" warnClass="warnMessage"/>
                                            </h:panelGrid>
                                            <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText9}" id="outputText9"
                                                rendered="#{SessionBeanEstadoOrdenProceso.renderedConsultaAvanzada}" style="color: white" value="_"/>
                                            <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText10}" id="outputText10"
                                                rendered="#{SessionBeanEstadoOrdenProceso.renderedConsultaAvanzada}" style="color: white" value="_"/>
                                            <h:panelGroup binding="#{PortletPageEstadoOrdenProceso.codigoClienteGroupPanel}" id="codigoClienteGroupPanel"
                                                rendered="#{SessionBeanEstadoOrdenProceso.renderedConsultaAvanzada &amp;&amp; !SessionBeanEstadoOrdenProceso.cliente}" style="display: block; text-align: right">
                                                <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText11}" id="outputText11" styleClass="outputText" value="CLIENTE"/>
                                            </h:panelGroup>
                                            <ui:dropDown binding="#{PortletPageEstadoOrdenProceso.codigoClienteDropDown}" id="codigoClienteDropDown"
                                                items="#{PortletPageEstadoOrdenProceso.optionClientes}"
                                                rendered="#{SessionBeanEstadoOrdenProceso.renderedConsultaAvanzada &amp;&amp; !SessionBeanEstadoOrdenProceso.cliente}"
                                                styleClass="select" submitForm="true" valueChangeListener="#{PortletPageEstadoOrdenProceso.codigoClienteDropDown_processValueChange}"/>
                                            <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText12}" id="outputText12"
                                                rendered="#{SessionBeanEstadoOrdenProceso.renderedConsultaAvanzada &amp;&amp; !SessionBeanEstadoOrdenProceso.cliente}"
                                                style="color: white" value="_"/>
                                            <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText13}" id="outputText13"
                                                rendered="#{SessionBeanEstadoOrdenProceso.renderedConsultaAvanzada &amp;&amp; !SessionBeanEstadoOrdenProceso.cliente}"
                                                style="color: white" value="_"/>
                                            <h:panelGroup binding="#{PortletPageEstadoOrdenProceso.codigoProductoGroupPanel}" id="codigoProductoGroupPanel"
                                                rendered="#{SessionBeanEstadoOrdenProceso.renderedConsultaAvanzada}" style="display: block; text-align: right">
                                                <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText14}" id="outputText14" styleClass="outputText" value="PRODUCTO"/>
                                            </h:panelGroup>
                                            <ui:dropDown binding="#{PortletPageEstadoOrdenProceso.codigoProductoDropDown}" id="codigoProductoDropDown"
                                                items="#{PortletPageEstadoOrdenProceso.optionProductos}"
                                                rendered="#{SessionBeanEstadoOrdenProceso.renderedConsultaAvanzada}" styleClass="select" submitForm="true" valueChangeListener="#{PortletPageEstadoOrdenProceso.codigoProductoDropDown_processValueChange}"/>
                                            <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText15}" id="outputText15"
                                                rendered="#{SessionBeanEstadoOrdenProceso.renderedConsultaAvanzada}" style="color: white" value="_"/>
                                            <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText16}" id="outputText16"
                                                rendered="#{SessionBeanEstadoOrdenProceso.renderedConsultaAvanzada}" style="color: white" value="_"/>
                                            <h:panelGroup binding="#{PortletPageEstadoOrdenProceso.cicloGroupPanel}" id="cicloGroupPanel"
                                                rendered="#{SessionBeanEstadoOrdenProceso.renderedConsultaAvanzada}" style="display: block; text-align: right">
                                                <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText17}" id="outputText17" styleClass="outputText" value="CICLO"/>
                                            </h:panelGroup>
                                            <!-- cicloDropDownGridPanel -->
                                            <h:panelGrid binding="#{PortletPageEstadoOrdenProceso.cicloDropDowngridPanel}" columns="2"
                                                id="cicloDropDowngridPanel" rendered="#{SessionBeanEstadoOrdenProceso.renderedConsultaAvanzada}" style="" width="100%">
                                                <ui:dropDown binding="#{PortletPageEstadoOrdenProceso.cicloDropDown}" id="cicloDropDown"
                                                    items="#{PortletPageEstadoOrdenProceso.optionCiclos}" styleClass="select"/>
                                                <h:commandButton action="#{PortletPageEstadoOrdenProceso.traerOrdenProcesoButton_action}"
                                                    binding="#{PortletPageEstadoOrdenProceso.traerOrdenProcesoButton}" id="traerOrdenProcesoButton"
                                                    styleClass="button" value="TRAER ORDEN PROCESO"/>
                                            </h:panelGrid>
                                            <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText18}" id="outputText18"
                                                rendered="#{SessionBeanEstadoOrdenProceso.renderedConsultaAvanzada}" style="color: white" value="_"/>
                                            <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText19}" id="outputText19"
                                                rendered="#{SessionBeanEstadoOrdenProceso.renderedConsultaAvanzada}" style="color: white" value="_"/>
                                            <h:panelGroup binding="#{PortletPageEstadoOrdenProceso.numeroOrdenDropDownGroupPanel}"
                                                id="numeroOrdenDropDownGroupPanel" rendered="#{SessionBeanEstadoOrdenProceso.renderedNumeroOrdenAddRemoveList}" style="display: block; text-align: right">
                                                <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText20}" id="outputText20" styleClass="outputText" value="ORDEN PROCESO"/>
                                                <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText59}" id="outputText59"
                                                    styleClass="portlet-msg-alert" value=" * "/>
                                            </h:panelGroup>
                                            <ui:addRemove availableItemsLabel="DISPONIBLE:" binding="#{PortletPageEstadoOrdenProceso.numeroOrdenAddRemoveList}"
                                                id="numeroOrdenAddRemoveList"
                                                items="#{PortletPageEstadoOrdenProceso.multipleSelectOptionsListNumerosOrdenes.options}"
                                                rendered="#{SessionBeanEstadoOrdenProceso.renderedNumeroOrdenAddRemoveList}" selectAll="true"
                                                selected="#{PortletPageEstadoOrdenProceso.multipleSelectOptionsListNumerosOrdenes.selectedValue}"
                                                selectedItemsLabel="SELECCIONADO:" sorted="true"/>
                                            <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText21}" id="outputText21"
                                                rendered="#{SessionBeanEstadoOrdenProceso.renderedNumeroOrdenAddRemoveList}" style="color: white" value="_"/>
                                            <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText22}" id="outputText22"
                                                rendered="#{SessionBeanEstadoOrdenProceso.renderedNumeroOrdenAddRemoveList}" style="color: white" value="_"/>
                                            <h:outputText rendered="false" style="color: white" value="_"/>
                                            <h:outputText rendered="false" style="color: white" value="_"/>
                                            <h:panelGroup binding="#{PortletPageEstadoOrdenProceso.codigoSegmentoPrdGroupPanel}"
                                                id="codigoSegmentoPrdGroupPanel" rendered="#{SessionBeanEstadoOrdenProceso.renderedConsultaAvanzada}" style="display: block; text-align: right">
                                                <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText61}" id="outputText61" styleClass="outputText" value="SEGMENTO PRODUCTO"/>
                                            </h:panelGroup>
                                            <h:panelGrid binding="#{PortletPageEstadoOrdenProceso.codigoSegmentoPrdRegionalGridPanel}" columns="3"
                                                id="codigoSegmentoPrdRegionalGridPanel" rendered="#{SessionBeanEstadoOrdenProceso.renderedConsultaAvanzada}" width="100%">
                                                <ui:dropDown binding="#{PortletPageEstadoOrdenProceso.codigoSegmentoPrdDropDown}" id="codigoSegmentoPrdDropDown"
                                                    items="#{PortletPageEstadoOrdenProceso.optionSegProducto}" styleClass="select"/>
                                                <h:panelGroup binding="#{PortletPageEstadoOrdenProceso.codigoRegionalGroupPanel}" id="codigoRegionalGroupPanel" style="display: block; text-align: right">
                                                    <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText60}" id="outputText60"
                                                        styleClass="outputText" value="REGIONAL"/>
                                                </h:panelGroup>
                                                <ui:dropDown binding="#{PortletPageEstadoOrdenProceso.codigoRegionalDropDown}" id="codigoRegionalDropDown"
                                                    items="#{PortletPageEstadoOrdenProceso.optionRegionales}" styleClass="select"/>
                                            </h:panelGrid>
                                            <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText62}" id="outputText62"
                                                rendered="#{SessionBeanEstadoOrdenProceso.renderedConsultaAvanzada}" style="color: white" value="_"/>
                                            <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText63}" id="outputText63"
                                                rendered="#{SessionBeanEstadoOrdenProceso.renderedConsultaAvanzada}" style="color: white" value="_"/>
                                            <h:panelGroup binding="#{PortletPageEstadoOrdenProceso.codigoProveedorGroupPanel}" id="codigoProveedorGroupPanel"
                                                rendered="#{!SessionBeanEstadoOrdenProceso.cliente &amp;&amp; !SessionBeanEstadoOrdenProceso.empresaMensajeria}" style="display: block; text-align: right">
                                                <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText23}" id="outputText23" styleClass="outputText" value="PROVEEDOR (EMP. MENSAJERÍA)"/>
                                            </h:panelGroup>
                                            <ui:dropDown binding="#{PortletPageEstadoOrdenProceso.codigoProveedorDropDown}" id="codigoProveedorDropDown"
                                                items="#{PortletPageEstadoOrdenProceso.optionProveedores}"
                                                rendered="#{!SessionBeanEstadoOrdenProceso.cliente &amp;&amp; !SessionBeanEstadoOrdenProceso.empresaMensajeria}"
                                                styleClass="select" submitForm="true" valueChangeListener="#{PortletPageEstadoOrdenProceso.codigoProveedorDropDown_processValueChange}"/>
                                            <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText24}" id="outputText24"
                                                rendered="#{!SessionBeanEstadoOrdenProceso.cliente &amp;&amp; !SessionBeanEstadoOrdenProceso.empresaMensajeria}"
                                                style="color: white" value="_"/>
                                            <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText25}" id="outputText25"
                                                rendered="#{!SessionBeanEstadoOrdenProceso.cliente &amp;&amp; !SessionBeanEstadoOrdenProceso.empresaMensajeria}"
                                                style="color: white" value="_"/>
                                            <h:panelGroup binding="#{PortletPageEstadoOrdenProceso.codigoNodoGroupPanel}" id="codigoNodoGroupPanel"
                                                rendered="#{!SessionBeanEstadoOrdenProceso.cliente}" style="display: block; text-align: right">
                                                <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText26}" id="outputText26" styleClass="outputText" value="NODO"/>
                                            </h:panelGroup>
                                            <ui:dropDown binding="#{PortletPageEstadoOrdenProceso.codigoNodoDropDown}" id="codigoNodoDropDown"
                                                items="#{PortletPageEstadoOrdenProceso.optionNodos}" rendered="#{!SessionBeanEstadoOrdenProceso.cliente}" styleClass="select"/>
                                            <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText27}" id="outputText27"
                                                rendered="#{!SessionBeanEstadoOrdenProceso.cliente}" style="color: white" value="_"/>
                                            <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText28}" id="outputText28"
                                                rendered="#{!SessionBeanEstadoOrdenProceso.cliente}" style="color: white" value="_"/>
                                            <h:panelGroup binding="#{PortletPageEstadoOrdenProceso.codigoTipoEnvioGroupPanel}" id="codigoTipoEnvioGroupPanel"
                                                rendered="#{!SessionBeanEstadoOrdenProceso.cliente}" style="display: block; text-align: right">
                                                <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText29}" id="outputText29" styleClass="outputText" value="TIPO ENVÍO"/>
                                            </h:panelGroup>
                                            <ui:dropDown binding="#{PortletPageEstadoOrdenProceso.codigoTipoEnvioDropDown}" id="codigoTipoEnvioDropDown"
                                                items="#{PortletPageEstadoOrdenProceso.optionTiposEnvio}" rendered="#{!SessionBeanEstadoOrdenProceso.cliente}" styleClass="select"/>
                                            <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText30}" id="outputText30" style="color: white" value="_"/>
                                            <!-- botonesGridPanel -->
                                            <h:panelGrid binding="#{PortletPageEstadoOrdenProceso.botonesGridPanel}" columns="2" id="botonesGridPanel" style="">
                                                <h:commandButton action="#{PortletPageEstadoOrdenProceso.consultarButton_action}"
                                                    binding="#{PortletPageEstadoOrdenProceso.consultarButton}" id="consultarButton" styleClass="button" value="CONSULTAR"/>
                                                <h:commandButton action="#{PortletPageEstadoOrdenProceso.limpiarButton_action}"
                                                    binding="#{PortletPageEstadoOrdenProceso.limpiarButton}" id="limpiarButton" styleClass="button" value="LIMPIAR"/>
                                            </h:panelGrid>
                                        </h:panelGrid>
                                    </h:panelGrid>
                                    <!-- derechaGridPanel -->
                                    <h:panelGrid binding="#{PortletPageEstadoOrdenProceso.derechaGridPanel}" id="derechaGridPanel">
                                        <!-- detallesOrdenProcesoGridPanel -->
                                        <h:panelGrid binding="#{PortletPageEstadoOrdenProceso.detallesOrdenProcesoGridPanel}" headerClass="headerClassDataTable"
                                            id="detallesOrdenProcesoGridPanel" rendered="#{SessionBeanEstadoOrdenProceso.renderedDetallesOrdenProcesoGridPanel}" rowClasses="rowClassWhite, rowClassBlue">
                                            <f:facet name="header">
                                                <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText46}" id="outputText46" value="Listado Detalle Orden de Proceso"/>
                                            </f:facet>
                                            <h:dataTable binding="#{PortletPageEstadoOrdenProceso.detallesOrdenProcesoDataTable}"
                                                headerClass="headerClassDataTable" id="detallesOrdenProcesoDataTable" rowClasses="rowClassWhite, rowClassBlue"
                                                value="#{PortletPageEstadoOrdenProceso.listDetallesOrdenProceso}" var="currentRow">
                                                <h:column binding="#{PortletPageEstadoOrdenProceso.numeroOrdenColumn}" id="numeroOrdenColumn">
                                                    <f:facet name="header">
                                                        <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText47}" id="outputText47" value="Número Orden"/>
                                                    </f:facet>
                                                    <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText48}" id="outputText48"
                                                        styleClass="outputTextDataTable" value="#{currentRow.numeroOrden}"/>
                                                </h:column>
                                                <h:column binding="#{PortletPageEstadoOrdenProceso.razonSocialColumn}" id="razonSocialColumn">
                                                    <f:facet name="header">
                                                        <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText49}" id="outputText49" value="Cliente"/>
                                                    </f:facet>
                                                    <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText50}" id="outputText50"
                                                        styleClass="outputTextDataTable" value="#{currentRow.razonSocial}"/>
                                                </h:column>
                                                <h:column binding="#{PortletPageEstadoOrdenProceso.descripcionProductoColumn}" id="descripcionProductoColumn">
                                                    <f:facet name="header">
                                                        <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText51}" id="outputText51" value="Producto"/>
                                                    </f:facet>
                                                    <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText52}" id="outputText52"
                                                        styleClass="outputTextDataTable" value="#{currentRow.descripcionProducto}"/>
                                                </h:column>
                                                <h:column binding="#{PortletPageEstadoOrdenProceso.fechaProcesoColumn}" id="fechaProcesoColumn">
                                                    <f:facet name="header">
                                                        <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText53}" id="outputText53" value="Fecha Proceso"/>
                                                    </f:facet>
                                                    <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText54}" id="outputText54"
                                                        styleClass="outputTextDataTable" value="#{currentRow.fechaProceso}"/>
                                                </h:column>
                                            </h:dataTable>
                                        </h:panelGrid>
                                        <!-- mensajeAlertGridPanel -->
                                        <h:panelGrid binding="#{PortletPageEstadoOrdenProceso.mensajeAlertGridPanel}" id="mensajeAlertGridPanel" rendered="#{SessionBeanEstadoOrdenProceso.renderedMensajeAlertGridPanel}">
                                            <ui:alert binding="#{PortletPageEstadoOrdenProceso.mensajeAlert}" id="mensajeAlert"/>
                                        </h:panelGrid>
                                        <!-- espaciadorGridPanel -->
                                        <h:panelGrid binding="#{PortletPageEstadoOrdenProceso.espaciadorGridPanel}" id="espaciadorGridPanel">
                                            <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText55}" id="outputText55" style="color: white" value="_____________________________________"/>
                                        </h:panelGrid>
                                    </h:panelGrid>
                                </h:panelGrid>
                                <!-- inferiorGridPanel -->
                                <h:panelGrid binding="#{PortletPageEstadoOrdenProceso.inferiorGridPanel}" columnClasses="top" columns="2" id="inferiorGridPanel"
                                    style="text-align: center" width="100%">
                                    <!-- tiposGestionGridPanel -->
                                    <h:panelGrid binding="#{PortletPageEstadoOrdenProceso.tiposGestionGridPanel}" headerClass="headerClassDataTable"
                                        id="tiposGestionGridPanel" rendered="#{SessionBeanEstadoOrdenProceso.renderedTiposGestionGridPanel}">
                                        <f:facet name="header">
                                            <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText44}" id="outputText44" value="Listado de Tipos de Gestión"/>
                                        </f:facet>
                                        <h:dataTable binding="#{PortletPageEstadoOrdenProceso.tiposGestionDataTable}" headerClass="headerClassDataTable"
                                            id="tiposGestionDataTable" rowClasses="rowClassWhite, rowClassBlue"
                                            value="#{PortletPageEstadoOrdenProceso.listTiposGestion}" var="currentRow" width="100%">
                                            <h:column binding="#{PortletPageEstadoOrdenProceso.nombreTipoGestionColumn}" id="nombreTipoGestionColumn">
                                                <f:facet name="header">
                                                    <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText32}" id="outputText32" value="Tipo Gestión"/>
                                                </f:facet>
                                                <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText31}" id="outputText31"
                                                    styleClass="outputTextDataTable" value="#{currentRow.nombreTipoGestion}"/>
                                            </h:column>
                                            <h:column binding="#{PortletPageEstadoOrdenProceso.numeroEnviosColumn}" id="numeroEnviosColumn">
                                                <f:facet name="header">
                                                    <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText34}" id="outputText34" value="Nro. Envíos"/>
                                                </f:facet>
                                                <h:panelGroup binding="#{PortletPageEstadoOrdenProceso.numeroEnviosTiposGestionGroupPanel}"
                                                    id="numeroEnviosTiposGestionGroupPanel" style="display: block; text-align: right">
                                                    <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText33}" id="outputText33"
                                                        rendered="#{!currentRow.greaterThanZero || (currentRow.greaterThanZero &amp;&amp; SessionBeanEstadoOrdenProceso.cliente)}"
                                                        styleClass="outputTextDataTable" value="#{currentRow.numeroEnviosFormat}"/>
                                                    <h:commandLink action="#{PortletPageEstadoOrdenProceso.numeroEnviosLinkAction_action}"
                                                        binding="#{PortletPageEstadoOrdenProceso.numeroEnviosLinkAction}" id="numeroEnviosLinkAction" rendered="#{currentRow.greaterThanZero &amp;&amp; !SessionBeanEstadoOrdenProceso.cliente}">
                                                        <h:outputText binding="#{PortletPageEstadoOrdenProceso.linkAction1Text}" id="linkAction1Text"
                                                            styleClass="outputTextCommandLink" value="#{currentRow.numeroEnviosFormat}"/>
                                                        <h:inputHidden binding="#{PortletPageEstadoOrdenProceso.numeroEnviosHiddenField}"
                                                            id="numeroEnviosHiddenField" value="#{currentRow.codigoTipoGestion}"/>
                                                    </h:commandLink>
                                                </h:panelGroup>
                                            </h:column>
                                            <h:column binding="#{PortletPageEstadoOrdenProceso.porcentajeTipoGestionColumn}" id="porcentajeTipoGestionColumn">
                                                <f:facet name="header">
                                                    <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText36}" id="outputText36" value="Porcentaje"/>
                                                </f:facet>
                                                <h:panelGroup binding="#{PortletPageEstadoOrdenProceso.porcentajeTipoGestionGroupPanel}"
                                                    id="porcentajeTipoGestionGroupPanel" style="display: block; text-align: right">
                                                    <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText35}" id="outputText35"
                                                        styleClass="outputTextDataTable" value="#{currentRow.porcentajeFormat} %"/>
                                                </h:panelGroup>
                                            </h:column>
                                            <h:column binding="#{PortletPageEstadoOrdenProceso.visualizarDetallesColum}" id="visualizarDetallesColum">
                                                <f:facet name="header">
                                                    <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText43}" id="outputText43" value="Visualizar Detalles"/>
                                                </f:facet>
                                                <h:panelGrid binding="#{PortletPageEstadoOrdenProceso.visualizarDetallesGridPanel}" columns="1"
                                                    id="visualizarDetallesGridPanel" style="text-align: center" width="100%">
                                                    <h:commandLink action="#{PortletPageEstadoOrdenProceso.visualizarDetallesLinkAction_action}"
                                                        binding="#{PortletPageEstadoOrdenProceso.visualizarDetallesLinkAction}"
                                                        id="visualizarDetallesLinkAction" rendered="#{currentRow.greaterThanZero}">
                                                        <h:outputText binding="#{PortletPageEstadoOrdenProceso.linkAction1Text1}" id="linkAction1Text1"
                                                            styleClass="outputTextCommandLink" value="Detalles"/>
                                                        <h:inputHidden binding="#{PortletPageEstadoOrdenProceso.visualizarDetallesHiddenField}"
                                                            id="visualizarDetallesHiddenField" value="#{currentRow.codigoTipoGestion}"/>
                                                    </h:commandLink>
                                                </h:panelGrid>
                                            </h:column>
                                        </h:dataTable>
                                        <!--PIE CHART -->
                                        <h:graphicImage binding="#{PortletPageEstadoOrdenProceso.chartGestion}" id="chartGestion"
                                            rendered="#{SessionBeanEstadoOrdenProceso.renderedTiposGestionChart}" value="#{SessionBeanEstadoOrdenProceso.pathChartGestion}"/>
                                    </h:panelGrid>
                                    <!-- gestionImagenGridPanel -->
                                    <h:panelGrid binding="#{PortletPageEstadoOrdenProceso.gestionImagenGridPanel}" headerClass="headerClassDataTable"
                                        id="gestionImagenGridPanel" rendered="#{SessionBeanEstadoOrdenProceso.renderedGestionImagenesGridPanel}">
                                        <f:facet name="header">
                                            <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText45}" id="outputText45" value="Listado de Gestión sobre Imágenes"/>
                                        </f:facet>
                                        <h:dataTable binding="#{PortletPageEstadoOrdenProceso.gestionImagenesDataTable}" headerClass="headerClassDataTable"
                                            id="gestionImagenesDataTable" rowClasses="rowClassWhite, rowClassBlue"
                                            value="#{PortletPageEstadoOrdenProceso.listGestionImagenes}" var="currentRow" width="100%">
                                            <h:column binding="#{PortletPageEstadoOrdenProceso.nombreGestionImagenColumn}" id="nombreGestionImagenColumn">
                                                <f:facet name="header">
                                                    <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText38}" id="outputText38" value="Gestión Imágen"/>
                                                </f:facet>
                                                <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText37}" id="outputText37"
                                                    styleClass="outputTextDataTable" value="#{currentRow.nombreGestionImagen}"/>
                                            </h:column>
                                            <h:column binding="#{PortletPageEstadoOrdenProceso.numeroImagenesColumn}" id="numeroImagenesColumn">
                                                <f:facet name="header">
                                                    <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText40}" id="outputText40" value="Nro. Imágenes"/>
                                                </f:facet>
                                                <h:panelGroup binding="#{PortletPageEstadoOrdenProceso.numeroImagenesGroupPanel}" id="numeroImagenesGroupPanel" style="display: block; text-align: right">
                                                    <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText39}" id="outputText39"
                                                        rendered="#{!currentRow.greaterThanZero || (currentRow.greaterThanZero &amp;&amp; SessionBeanEstadoOrdenProceso.cliente)}"
                                                        styleClass="outputTextDataTable" value="#{currentRow.numeroImagenesFormat}"/>
                                                    <h:commandLink action="#{PortletPageEstadoOrdenProceso.numeroImagenesLinkAction_action}"
                                                        binding="#{PortletPageEstadoOrdenProceso.numeroImagenesLinkAction}" id="numeroImagenesLinkAction" rendered="#{currentRow.greaterThanZero &amp;&amp; !SessionBeanEstadoOrdenProceso.cliente}">
                                                        <h:outputText binding="#{PortletPageEstadoOrdenProceso.linkAction1Text2}" id="linkAction1Text2"
                                                            styleClass="outputTextCommandLink" value="#{currentRow.numeroImagenesFormat}"/>
                                                        <h:inputHidden binding="#{PortletPageEstadoOrdenProceso.numeroImagenesHiddenField}"
                                                            id="numeroImagenesHiddenField" value="#{currentRow.codigoGestionImagen}"/>
                                                    </h:commandLink>
                                                </h:panelGroup>
                                            </h:column>
                                            <h:column binding="#{PortletPageEstadoOrdenProceso.porcentajeGestionImagenColumn}" id="porcentajeGestionImagenColumn">
                                                <f:facet name="header">
                                                    <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText42}" id="outputText42" value="Porcentaje"/>
                                                </f:facet>
                                                <h:panelGroup binding="#{PortletPageEstadoOrdenProceso.porcentajeGestionImagenGroupPanel}"
                                                    id="porcentajeGestionImagenGroupPanel" style="display: block; text-align: right">
                                                    <h:outputText binding="#{PortletPageEstadoOrdenProceso.outputText41}" id="outputText41"
                                                        styleClass="outputTextDataTable" value="#{currentRow.porcentajeFormat} %"/>
                                                </h:panelGroup>
                                            </h:column>
                                        </h:dataTable>
                                        <h:graphicImage binding="#{PortletPageEstadoOrdenProceso.chartGestionImagen}" id="chartGestionImagen"
                                            rendered="#{SessionBeanEstadoOrdenProceso.renderedGestionImagenesChart}" value="#{SessionBeanEstadoOrdenProceso.pathChartGestionImg}"/>
                                    </h:panelGrid>
                                </h:panelGrid>
                            </h:panelGrid>
                        </td>
                    </tr>
                </table>
            </ui:form>
        </div>
    </f:view>
</jsp:root>